<template>
	<h3>子组件</h3>
	<!-- 直接使用属性名 -->
	<div>父组件传递的数据num:{{ num }}</div>
	<!-- 对象访问属性 -->
	<div>父组件传递的数据str:{{ prop.str }}</div>
	<div>父组件传递的数据aaa:{{ prop.aaa }}</div>
</template>

<script setup>
// 在子组件中声明可以接收的数据
// num：自定义组件属性
const prop = defineProps(['num', 'str', 'aaa'])
// JS中操作自定义属性，需要使用对象.属性
console.log('父组件中传递的str:' + prop.str)
</script>

<style scoped>
	
</style>